﻿﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>项目详细</title>
    <link href="css/public.css" rel="stylesheet"/>
    <link href="css/view.css" rel="stylesheet"/>
    <link href="css/tipbox.css" rel="stylesheet" type="text/css"/>
    <script src="../admin/layui/layui.all.js"></script>
    <script src="js/route.js"></script>
    <link rel="stylesheet" href="../admin/layui/css/layui.css">
    <script type="text/javascript" src="js/jquery1.7.js"></script>

</head>
<body>
<link rel="shortcut icon" href="favicon.ico"/>

<div class="header_bg">
    <div class="header wap">
        <div class="logo"><a href="/index.html" title="权名众筹系统">权名众筹系统</a></div>
        <div class="nav cfff">
            <ul>
                <li class="nav_a1"><a href="/index.html">首页</a></li>
                <li class="nav_a2"><a href="/home/list.html?projectName=&page=1&limit=10&type=0">全部项目</a></li>
                <li class="nav_a4"><a href="/home/apply.html">发布项目</a></li>                 <li class="nav_a5"><a href="/admin/index.html#/user/login">后台管理</a></li>


            </ul>
        </div>
        <div class="h_right" id="h_right_userInfo">
            <ul class="h_login h_user displayNone"
                v-bind:class="[userInfo.code===101 ? 'displayInlineBlock':'displayNone']" id="login_panel">
                <span>
                            <li class="hl_login"><a href="/home/login.html" class="h_login_ring">登录</a></li>
                            <li class="hl_reg"><a href="/home/sign.html" class="h_login_join">注册</a></li>
                            <li class="qq_login"><a href="#" title="QQ登陆">QQ登录</a></li>
                </span>
                <li class="help_login"><a href="#">帮助</a></li>
            </ul>
            <ul class="h_login  h_reg displayNone"
                v-bind:class="[userInfo.code===0 ? 'displayInlineBlock':'displayNone']" id="login_info">
                <div>
                    <li class="h_name"><a href="/home/user/user.html">{{userInfo.data!=null
                        ?userInfo.data.username:''}}</a>
                        <div class="popup name_popup cfff displayNone">
                            <a href="/home/user/user.html">我的帐户</a>
                            <a href="/home/logout">安全退出</a>
                        </div>
                    </li>
<!--<li class="h_message"><a href="#" id="notify">提醒</a>-->                         <!--<div class="popup message_popup cfff displayNone">-->                             <!--<a href="#" id="unread">未读通知 </a>-->                             <!--<a href="#" id="unreview">待评价项目 </a>-->                             <!--<a href="#" id="uncash">未兑现项目 </a>-->                         <!--</div>-->                     <!--</li>-->

                    <li class="help_login"><a href="#">帮助</a></li>
                </div>
            </ul>
        </div>
        <div class="top_nav_ti" style="display: none;" id="tips_help">
            <span class="arrow"></span>
            <p>初来乍到？先看看帮助吧！</p>
            <a href="#" class="view_btn" id="close_help">知道啦</a>
        </div>
    </div>
</div>
<div class="content wap">
    <div class="bread_crumbs">
        <a href="/index.html">首页</a>
        >
        <span v-text="projectInfo.data.projectType.typeName">类型</span>
        >
        <span v-text="projectInfo.data.name">项目名称</span>
    </div>
    <div class="pro_main">
        <div class="pro_pic">
            <img :src="projectInfo.data.banner" width="625" height="400"/>

            <div class="state_big state_big_end">
                <strong v-html="projectInfo.data.projectStatus.name">已结束</strong><b></b>
            </div>


        </div>
        <div class="list_action">
            <em>分享到</em>
            <a :href="'https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://localhost:8080/home/project.html?id='+projectInfo.data.projectId+'&sharesource=qzone&title=你的分享标题&pics=你的分享图片&summary=你的分享描述信息'"
               class="share_qzone" title="QQ空间" target="_blank">QQ空间</a>
            <a :href="'http://service.weibo.com/share/share.php?url=http://localhost:8080/home/project.html?id='+projectInfo.data.projectId+'&sharesource=weibo&title=你的分享标题&pic=你的分享图片&appkey=你的key，需要在新浪微博开放平台中申请'"
               class="share_weibo" title="新浪微博" target="_blank">新浪微博</a>

        </div>
        <div class="projects_intro">
            <div class="projects_info bk" v-html="projectInfo.data.detail">
                <!--此处未项目明细-->

            </div>
        </div>
        <div class="favorer">
            <!--            <div class="box_tit">
                            <h2 class="box_tit_favorer"><b></b><strong>最新支持者</strong></h2>
                            <span class="box_tit_f14">354支持者</span>
                        </div>
                        <div id="listUser">
                        </div>-->
        </div>
    </div>
    <div class="pro_right">
        <div id="beforeScore">
            <div class="pro_tit">
                <h1 class="f_yahei" v-text="projectInfo.data.name">项目名称</h1>
                <div class="pro_view f14" v-text="projectInfo.data.description">
                    项目简介
                </div>
            </div>
            <div class="pro_author">
                <div class="box_tit">
                    <h2 class="box_tit_author"><b></b><strong>众筹发起人</strong></h2>
                </div>
                <ul class="pro_author_list">
                    <li>
                        <a href="user/user.html" target="_self">
                            <img :src="projectInfo.data.homeUser.userImg" width="50" height="50"
                                 :alt="projectInfo.data.homeUser.username"/>
                            {{projectInfo.data.homeUser.username}}
                        </a>
                    </li>
                </ul>
            </div>
            <div class="pro_state">
                <div class="state_time">
                    已筹集到
                    <strong class="f_yahei"
                            v-html="'<em>￥</em>'+projectInfo.data.currentAllMoney"><em>￥</em>000</strong>
                    <span>此项目必须在&nbsp;<em v-text="projectInfo.data.endTime"></em>&nbsp;前得到&nbsp; <em
                            v-text="'￥'+projectInfo.data.money">￥0000</em>&nbsp;的支持才可成功！</span>
                </div>
                <div class="state_plan_bg">
                    <div class="state_plan" :style="{width:projectInfo.data.allPercent}"></div>
                    <div class="state_plan_txt" v-text="'已达：'+projectInfo.data.truePercent">已达：400%</div>
                </div>
                <ul class="pro_note f_yahei">
                    <li class="first"><span><strong v-text="projectInfo.data.day">0</strong>剩余天数</span></li>
                    <li><span><strong v-text="projectInfo.data.supportUserCount">0</strong>支持者</span></li>
                </ul>

                <!--           <div class="state_big state_big_end">
                                <strong>已结束</strong>
                               <b></b>
                            </div>-->

            </div>
            <div class="pro_list">
                <div class="pro_price f_yahei c_wap"><span class="lt">支持￥{{projectInfo.data.singleMoney}}</span>
                    <!--<span class="rt zc_sum">已售出<em>0</em>份</span>-->
                </div>
                <dl class="pro_list_gain">
                    <dt>将会获得：</dt>
                    <dd v-html="projectInfo.data.commodityDescription"></dd>
                </dl>
                <div class="pro_action" type="5">
                    <!--<input type="hidden" class="price" value="88.00">-->
                    <div class="pro_price_num"><em>支持数量：</em>
                        <!--                   <select name="num" class="num">
                                           <option value="1">1</option>
                                           </select>-->
                        <input id="num" type="number" value="1" class="num" style="height: 25px"/>
                    </div>
                    <div class="pro_price_num"><em>支持价格：</em>
                        <strong class="pro_note_num f_yahei" class="total">￥</strong>
                        <strong class="pro_note_num f_yahei" id="price"
                                class="total">{{projectInfo.data.singleMoney}}</strong>
                    </div>
                    <div class="pro_price_btn" :class="{pro_price_btn_end:projectInfo.data.projectStatus.statusId===2}"
                         :class="{pro_price_btn_end:projectInfo.data.projectStatus.statusId===3}">
                        <a href="javascript:;" onclick="f()" class="f_yahei"
                           v-if="projectInfo.data.projectStatus.statusId===1">支持一下</a>
                        <a href="javascript:;" class="f_yahei"
                           v-if="projectInfo.data.projectStatus.statusId===2">已结束</a>
                        <a href="javascript:;" class="f_yahei"
                           v-if="projectInfo.data.projectStatus.statusId===3">已完成</a>
                    </div>
                    <script>
                        function f() {
                            window.location.href = "support.html?id=" + GetQueryString("id") + "&num=" + $("#num").val() + "&price=" + $("#price").text();

                        }
                    </script>
                </div>
            </div>

        </div>
        <div class="pro_rating">
            <div class="box_tit">
                <h2 class="box_tit_rating"><b></b><strong>我要评价</strong></h2>
            </div>
            <div class="pro_rating_result">
                <em>综合评分：</em>
                <span class="pro_rating_total" id="score_avg">0</span>
                <div style="margin-top: -6px; margin-left: 10px" id="score"></div>

            </div>
            <div id="score_list">


            </div>
        </div>
        <div class="pro_ask">
            <div class="box_tit">
                <h2 class="box_tit_ask"><b></b><strong>项目咨询</strong></h2>
            </div>
            <div class="ask_post">
                <div class="ask_publish" style="display:inline-block;" id="ask">
                    <textarea class="ask_text" cols="45" rows="5" id="content_ask" name="content_ask"></textarea>

                    <!--<span class="ask_tips">请输入你要提问的内容...</span>-->
                    <p class="ask_publish_action">
                        <input class="pro_ask_btn btn" type="button" name="doit" id="doit" value="提交问题">
                    </p>
                </div>
            </div>
            <h3 class="pro_ask_tit">问题列表</h3>
            <div id="faq_list">


            </div>
        </div>
    </div>
</div>
<div id="answerForm" style="display: none;">
    <p><label>回复:</label><textarea class="ask_text" cols="30" rows="5" id="content_answer"
                                   name="content_answer"></textarea></p>
    <input type="hidden" name="id_answer" id="id_answer" value="">
    <input type="hidden" name="itemid_answer" id="itemid_answer" value="">
    <p>
        <input type="button" name="do_answer" id="do_answer" value="确定">
        &nbsp;&nbsp;&nbsp;&nbsp;
        <input type="button" name="do_cancel" id="do_cancel" value="取消">
    </p>
</div>

<div class="go_top" id="top_arrow">
    <p class="dingbu" style=""><a href="#top">返回顶部</a></p>
</div>
<div class="footer">
    <div class="ft_link_bg">
        <div class="ft_link">

            <dl class="ft_coop">
                <dt>合作伙伴</dt>
                <dd>


                </dd>
            </dl>
            <dl class="ft_help">
                <dt>帮助拓展</dt>

            </dl>
        </div>
    </div>
</div>
<link href="css/public_1.css" rel="stylesheet" media="all"/>
<div class="ws_global_footer">
    <div class="ws_footer_info" style="min-width: 1000px">
        <div class="content">
            <p>
                <a href="#" target="_blank">桂ICP备123456789</a>　
                权名众筹　
                权名众筹　
                权名众筹　
                <a href="#"
                   target="_blank"
                   style="width:16px;height:16px;display:inline-block;background:url('images/wen_icon.png')">&nbsp;</a>
            </p>
            <p>
                Copyright (C) 2018 权名众筹 Rights Reserved　
                　
                　
                <a href="#" target="_blank">百度</a>
            </p>
        </div>
    </div>
</div>

<script src="handleJs/project.js"></script>

<script src="js/vue2.5.17.js"></script>
<!--头部登陆-->
<script src="js/home/login.js"></script>
<script>
    //    获当项的具体信息
    $.ajax({
        url: "/home/getProjectById",
        async: true,
        data: {'id': GetQueryString("id")},
        success: function (data) {
            new Vue({
                el: '.bread_crumbs',
                data: {projectInfo: data}
            });
            new Vue({
                el: '.pro_main',
                data: {projectInfo: data}
            });
            new Vue({
                el: '#beforeScore',
                data: {projectInfo: data}
            });
            console.log(data)
        }
    });

</script>

</body>
</html>